<div class="page-heading">
    <form class="form-horizontal" role="form">
        <div class="form-group">
            <div class="col-md-4 col-sm-12 col-xs-12 form-group">
                <label class="col-lg-4 col-sm-4 control-label">消费模式:</label>
                <div class="col-lg-8">
                    <select class="form-control" ng-model="ruleId" id="ruleId">
                        <option value="">全部</option>
                        <option value="1">期消模式</option>
                        <option value="2">月消模式</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12 form-group">
                <label class="col-lg-4 col-sm-4 control-label">日期:</label>
                <div class="col-lg-4">
                    <input type="text" id="interestDateStart"
                           onfocus="WdatePicker({errDealMode:1,el:'interestDateStart',dateFmt:'yyyy-MM-dd'})"
                           class="form-control" placeholder="开始时间" value=""/>
                </div>
                <div class="col-lg-4">
                    <input type="text" id="interestDateEnd"
                           onfocus="WdatePicker({errDealMode:1,el:'interestDateEnd',dateFmt:'yyyy-MM-dd'})"
                           class="form-control" placeholder="结束时间" value=""/>
                </div>
            </div>
            <div class="col-md-4 col-sm-12 col-xs-12 form-group">
                <input name="" type="button" ng-click="interestRecordDraw()" class="btn btn-info" value="查询"/>&nbsp;&nbsp;
                <input name="" type="button" ng-click="addInterest('#showDetail')" class="btn btn-success" value="添加"/>
            </div>
        </div>
    </form>
</div>
<div class="wrapper">
    <div class="row">
        <div class="col-sm-12">
            <section class="panel panel-body ">
                <table width="100%" class="table table-striped responsive-utilities jambo_table" id="interestTable">
                    <thead>
                    <tr>
                        <th>ID</th>
                        <th>消费模式</th>
                        <th>日期</th>
                        <th>利息(%)</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </section>
        </div>
    </div>
</div>

<!-- /modal -->
<div class="modal fade" id="showDetail" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="width: 1100px">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title">
                    日息详情
                </h4>
            </div>
            <form id="interestForm" class="cmxform form-horizontal">
                <div class="modal-body">
                    <input type="hidden" name="interestId" ng-model="interestId" value=""/>

                    <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">消费模式
                        </label>
                        <div class="col-md-9 col-sm-9 col-xs-12">
                            <select class="form-control" ng-model="ruleId" required>
                                <option value="">请选择</option>
                                <option value="1">期消模式</option>
                                <option value="2">月消模式</option>
                            </select>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">日期
                        </label>
                        <div class="col-md-9 col-sm-9 col-xs-12">
                            <input type="text" id="interestDate" name="interestDate"
                                   class="form-control col-md-7 col-xs-12"
                                   onfocus="WdatePicker({errDealMode:1,el:'interestDate',dateFmt:'yyyy-MM-dd'})"
                                   placeholder="日期">
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">利息(%)
                        </label>
                        <div class="col-md-9 col-sm-9 col-xs-12">
                            <input type="text" name="email" ng-model="interest"
                                   class="form-control col-md-7 col-xs-12"
                                   placeholder="利息">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-lg-offset-3 col-lg-9" id="interestFormErrorMsg"></div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="submit" class="btn btn-success">提交</button>
                </div>
            </form>
        </div>
        <!-- /.modal-content -->
    </div>
</div>
<!-- /modal -->
<script src="../myJs/interest.js"></script>

